<template>
  <div class="card-container">
    <el-card class="card" v-for="(item, index) in newsList" :key="index">
      <div slot="header" class="card-header">
        <img class="card-image" :src="item.img" alt="Card Image" />
        <div class="card-title">{{ item.title }}</div>
      </div>
      <div class="card-body">
        <div class="card-time">发布时间: {{ item.publishTime }}</div>
        <div class="card-content">发布内容: {{ item.content }}</div>
      </div>
    </el-card>
  </div>
</template>

<script>
export default {
  data () {
    return {
      newsList: [
        {
          img: require("@/assets/success/成才1.jpg"),
          title: "“活动、活力、活泼”——学院成功举办第二届“我眼中的最佳活动”评选活动",
          publishTime: "2023-06-19",
          content: "为贯彻落实学校第四次党代会精神，推进“433”学生成才工程走深走实，深入实施年度“春融”行动计划“指导学生组织一次活动”的要求，提升学生组织活动的能力，提高学生活动的内涵和质量，指导学生会策划、会组织、会展示，6月14日下午，由学院团委、学工处主办，“春融”素养提升辅导员工作室承办的学院第二届“我眼中的最佳活动”评选活动决赛在A108报告厅举办...",
        },
        {
          img: require("@/assets/success/成才2.jpg"),
          title: "“练过硬本领比贡献 展青春风采作表率”——学院举办第二届学生干部素质能力大赛",
          publishTime: "2022-12-09",
          content: "为学习贯彻党的二十大精神和学校第四次党代会精神，推进“433”工程走深走实，根据学院《关于做好学习贯彻党的二十大精神宣讲工作的通知》要求和“春融”行动计划的部署，结合“七爱”教育工程和“我领悟的时代思想”主题教育活动，由团委、学生处主办，“春融”素养提升辅导员工作室承办的第二届学生干部素质能力大赛决赛于12月7日下午在A108报告厅成功举办...",
        },
        {
          img: require("@/assets/success/成才3.jpg"),
          title: "信息技术学院举办 2022 年 “433”成果展暨优秀商业计划书评选活动",
          publishTime: "2022-11-30",
          content: "为深入实施“433”学生成才工程，展示学生们的“433”成果，引导同学们了解创业知识，提高创业能力，激发当代大学生的创业热情,根据2022年学校“春笋”行动计划的要求，信息技术学院于近期举办了“433”成果展暨优秀商业计划书评选活动。学院2021级400余名学生参加初赛，推选出20人参加决赛，辅导员怀璐欣和后文文担任指导教师。...",
        },
        {
          img: require("@/assets/success/成才4.jpg"),
          title: "信息技术学院举办“我的双创（团队）”故事分享会",
          publishTime: "2022-11-30",
          content: "为贯彻落实党的二十大精神，根据学校“433”学生成才工程和2022年“春笋”行动计划的部署，培养大学生创新创业精神，提升大学生创新创业能力，近日，信息技术学院于图书馆报告厅举办“我的双创（团队）”故事分享会。本期活动特邀本院20网络31班朱盼盼同学和21物联03班李静同学主讲，22级各班级代表参加了本次活动。...",
        },
        {
          img: require("@/assets/success/成才5.jpg"),
          title: "交汇点、中华网报道信息技术学院用信息输入比赛巩固学生专业基础",
          publishTime: "2022-11-14",
          content: "为深入贯彻落实学校“433”学生成才工程，引领学生积极加入一个社团、参加一次比赛、具备一项特长，信息技术学院于10月下旬举办信息输入比赛。本次比赛由信息技术学院团委主办，大数据技术社团承办。学院团委书记柳青、社团指导教师刘者博士出席活动并作现场指导，社团50余名学生参加比赛。...",
        },
        {
          img: require("@/assets/success/成才6.jpg"),
          title: "“春融”素养提升辅导员工作室召开2022年春季学期工作会议",
          publishTime: "2022-05-27",
          content: "为进一步贯彻落实学院“春融”行动计划，推进“433”学生成才工程向纵深发展，明晰任务目标和年度工作要点，5月26日，“春融”素养提升辅导员工作室在E101会议室举办春季学期工作会议。学院“433”学生成才工程实施领导小组办公室主任、党委学工部部长徐锋，团委书记赵俊韬及部门工作人员，“春融”工作室全体成员和信息技术学院全体辅导员参加活动。会议由“春融”工作室主持人、信息学院党总支副书记李骥主持。...",
        },
      ]
    }
  },
};
</script>

<style scoped>
.card-container {
  display: flex;
  flex-wrap: wrap;
}

.card {
  width: 400px;
  margin-right: 10px;
  margin-bottom: 10px;
}

.card-header {
  display: flex;
  align-items: center;
}

.card-image {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 10px;
}

.card-title {
  font-size: 16px;
  font-weight: bold;
}

.card-body {
  margin: 10px 0;
}

.card-time {
  color: #999;
  margin-bottom: 10px;
}

.card-content {
  /* color: #999; */
  line-height: 1.5;
}
</style>
